﻿@model chihuopig.Model.Member
@{
    ViewBag.WebTitle = "个人中心";
}
@section Header{
    <style>
        .mui-col-sm-3.wen-p {
            margin: .4rem 0rem .1rem .2rem;
        }
        .name {
            color: #999999;
            margin-top:.1rem;
        }
        .totlal {
            float: right;
            display: inline-block;
            margin-right: 1rem;
            line-height: 1rem;
        }
        a {
            text-decoration:none;
        }
        .iconimg {
            width: 0.8rem;
            height: 100%;
            margin-top: -0.1rem;
        }
        .tel {
            color: #999999;
        }
        .text {
            color: #999999;
            font-size:1px;
        }
        #fhuo li {
            width:20%;
        }
        .qiadao {
            margin: 0rem 0rem 0rem 1rem;
            width: 2rem;
            float: right;
        }
        .mui-table-view-cells {
            position: relative;
            overflow: hidden;
            padding: 11px 15px;
        }
    </style>
}
<!--loading页开始-->
<!--loading页结束-->
<!--<header class="self-header">
    <figure><img src="/images//self-tou.png"/></figure>
    <dl>
        <dt>瑾晨</dt>
        <dd>
            <img src="/images//self-header.png"/>
            <span>5684</span>
            <span>炒饭大湿</span>
        </dd>
    </dl>
    <button>签到</button>
</header>-->
<div class="mui-content">
    <div class="mui-row">
        <div class="mui-col-sm-12" style="min-width:100%;background:#fff;height:80px;box-sizing:border-box;border-bottom: 1px solid #E6E6E6;">
            <div class="mui-table-view-cel">
                <a class="mui-navigate-right">
                   <img class="mui-col-sm-2" style="width:1.9rem;float:left;border-radius:100%;margin:.1rem 0rem 0rem .5rem;" src="@(Model==null?"":Model.headimgurl)" />
                   <div class="mui-col-sm-3 wen-p" style="float:left;">
                        <span class="tel" style="display:block;">(Model.Sex==1?"男":"女")</span>
                        <span class="name" style="display:block;">Model == null ? "" : Model.nickname)</span>
                   </div>
                </a>
            </div>
        </div>
    </div>
    <div class="mui-row"style="background:#fff;height:50px;box-sizing:border-box;border-bottom: 1px solid #E6E6E6;">
        <div class="mui-col-sm-6" >
            <li class="mui-table-view-cells">
                <div>
                    <!--class="mui-navigate-right"-->
                    <!--E6E6E6-->
                    <img class="iconimg" src="~/images/积分2.png" />
                    积分
                    <span>0</span>
                </div>
            </li>
        </div>
        <div class="mui-col-sm-6">
            <li class="mui-table-view-cell">
                <a>
                    <!--class="mui-navigate-right"-->
                    <!--E6E6E6-->
                    <img class="iconimg" src="~/images/签到.png" />
                    签到
                </a>
            </li>
        </div>
    </div>
    <div class="mui-row">
        <div class="mui-col-sm-12" style="min-width:100%;background:#fff;height:50px;margin-top:1rem;box-sizing:border-box;border-bottom:1px solid #E6E6E6;">
            <li class="mui-table-view-cell">
                <a class="mui-navigate-right" href="/Web/blance/index"><!--E6E6E6-->
                    <img class="iconimg" src="~/images/m_nav1.png" />
                    账户余额
                    <span class="totlal">余额 <m>0.00</m>元</span><!-- Model.money-->
                </a>
            </li>
        </div>
    </div>
    <div class="mui-row">
        <div class="mui-col-sm-12" style="min-width:100%;background:#fff;height:50px;margin-top:1rem;box-sizing:border-box;border-bottom:1px solid #E6E6E6;">
            <li class="mui-table-view-cell">
                <a class="mui-navigate-right" href="/Web/blance/index">
                    <!--E6E6E6-->
                    <img class="iconimg" src="~/images/打赏.png" />
                    打赏
                </a>
            </li>
        </div>
    </div>
    <div class="mui-row">
        <div class="mui-col-sm-12" style="min-width:100%;min-width:100%;background:#fff;height:50px;box-sizing:border-box;border-bottom: 1px solid #E6E6E6;">
            <li class="mui-table-view-cell">
                <a>
                    <!--class="mui-navigate-right"-->
                    <!--E6E6E6-->
                    <img class="iconimg" src="~/images/积分.png" />
                    积分商城
                </a>
            </li>
        </div>
    </div>
    <div class="mui-row">
        <div class="mui-col-sm-12" style="min-width:100%;background:#fff;height:50px;box-sizing:border-box;border-bottom: 1px solid #E6E6E6;">
            <li class="mui-table-view-cell">
                <a > <!--class="mui-navigate-right"-->
                    <!--E6E6E6-->
                    <img class="iconimg" src="~/images/m_nav4.png" />
                    在线客服
                </a>
            </li>
        </div>
    </div>
    <div class="mui-row">
        <div class="mui-col-sm-12" style="min-width:100%;background:#fff;height:50px;box-sizing:border-box;border-bottom: 1px solid #E6E6E6;">
            <li class="mui-table-view-cell">
                <a>
                    <!--class="mui-navigate-right"-->
                    <!--E6E6E6-->
                    <img class="iconimg" src="~/images/m_nav5.png" />
                    我要加盟
                </a>
            </li>
        </div>
    </div>
    <div class="mui-row">
        <div class="mui-col-sm-12" style="min-width:100%;background:#fff;height:50px;box-sizing:border-box;border-bottom: 1px solid #E6E6E6;">
            <li class="mui-table-view-cell">
                <a>
                    <!--class="mui-navigate-right"-->
                    <!--E6E6E6-->
                    <img class="iconimg" src="~/images/m_nav6.png" />
                    邀请好友
                </a>
            </li>
        </div>
    </div>
    <div class="mui-row">
        <div class="mui-col-sm-12" style="min-width:100%;background:#fff;height:50px;box-sizing:border-box;border-bottom: 1px solid #E6E6E6;">
            <li class="mui-table-view-cell">
                <a >
                    <img class="iconimg" src="~/images/m_menu_4.png" />
                    我的订单
                </a>
            </li>
        </div>
    </div>
    <div class="mui-row">
        <div class="mui-col-sm-12" style="min-width:100%;background:#fff;height:50px;box-sizing:border-box;border-bottom: 1px solid #E6E6E6;">
            <li class="mui-table-view-cell">
                <a>
                    <img class="iconimg" src="~/images/任务.png" />
                    我的任务
                </a>
            </li>
        </div>
    </div>
</div>
@section Scripts{
<script type="text/javascript">
    $(".fixed-footer a").siblings().removeClass("mui-active");
    $(".fixed-footer a:eq(2)").addClass("mui-active");
</script>

}

